<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8">
	    <title>animated gifs search engine</title>
		<link rel="stylesheet" href="/statics/search.css" type="text/css" media="screen" />
	</head>
	<body>
		<div id="s">
			<label>search for animated gifs</label>
			<br /><br />
			<input type="text" value="" />
		</div>
		<p style="display:none;">Searching ...</p>
		<ul></ul>
		<script src="http://code.jquery.com/jquery-1.6.1.min.js"></script>
		<script src="/statics/search.js"></script>
		<script>
			$(window).load(function () {
				var hash = document.location.hash;
				if(hash) {
					q = hash.substring(1);
					$("input").val(decodeURIComponent(q));
					$("ul").html("");
					searchBing(q);
					searchGoogle(q);
				}
			
				$("input").keyup(function(e) {
					if(e.keyCode == 13){
						$("ul").html("");
						searchBing($("input").val());
						searchGoogle($("input").val());
					}
				});
			});
		</script>
	</body>
</html>